<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
		<style>
			
		</style>
</head>
<body>



<h1 id="heading" class="red red1">Hello jQuery</h1>
<div class="box" style="position: relative;">
	<ul>
		<li>HTML</li>
		<li>CSS</li>
		<li>JS</li>
		<li>jQ</li>
	</ul>
	<ol>
		<li>HTML</li>
		<li class="css">CSS</li>
		<li class="js">JS</li>
		<li>jQ</li>
		<li>jQ</li>
		<li>jQ</li>
		<li class="j">jQ</li>
		<li>jQ</li>
		<li>jQ</li>
	</ol>
</div>
<ul>
	<li>HTML</li>
	<li>CSS</li>
	<li id="js">JS</li>
	<li>jQ</li>
	<ol>
		<li>HTML</li>
		<li>CSS</li>
		<li>JS</li>
		<li class="jq">jQ</li>
	</ol>
</ul>





<script src="js/jquery-3.5.1.js"></script>
<script src="js/index.js"></script>
</body>
</html>